// 名片
.page-container {
  // padding-bottom: 140rpx;
}

.card-wrap {
  .card-header {
    position: relative;
   padding-bottom: 30rpx;
    overflow: hidden;

    .bg {
      position: absolute;
      background-size: 100% 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      filter: blur(20px);
      transform: scale(3);
    }

    .page-title {
      position: relative;
      z-index: 22;
      text-align: center;
      color: #FFF;
      font-weight: 800;
      font-size: 40rpx;
      margin-bottom: 24rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 40rpx 0 20rpx;

      .iconfont {
        font-size: 33rpx;
        padding: 0 20rpx;
      }
    }
  }

  .photo-intro {
    backdrop-filter: blur(12px);
    box-shadow: 0rpx 6rpx 18rpx 0rpx rgba(0, 0, 0, 0.04);
    border-radius: 30rpx;
    background: rgba(0, 0, 0, 0.3);
    width: 690rpx;
    margin: auto;

    .intro {
      color: #FFF;
      line-height: 44rpx;
      font-size: 28rpx;
      padding: 22rpx 30rpx 21rpx 30rpx;

    }
  }

  .lawyer-photo {
    margin: auto;
    width: 690rpx;
    height: 937rpx;
    position: relative;
    z-index: 23;
    border-radius: 30rpx;
    overflow: hidden;
    position: relative;

    image {
      width: 690rpx;
      height: 937rpx;
    }

    .name-say-tel {
      position: absolute;
      width: 630rpx;
      padding: 30rpx 20rpx 20rpx 30rpx;
      bottom: 30rpx;
      left: 0;
      right: 0;
      margin: auto;
      border-radius: 20rpx;
      backdrop-filter: blur(12px);
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0rpx 6rpx 18rpx 0rpx rgba(0, 0, 0, 0.04);

      .name {
        text-align: center;
        color: #FFF;
        line-height: 50rpx;
        font-weight: bold;
        font-size: 36rpx;
        margin-bottom: 28rpx;
      }


      .tags {
        display: flex;
        flex-wrap: wrap;

        .tag-item {
          height: 50rpx;
          line-height: 50rpx;
          padding: 0 13rpx;
          background: rgba(255, 255, 255, .1);
          border-radius: 25rpx;
          margin: 0 5rpx;
          color: #FFF;
          font-size: 24rpx;
          margin-bottom: 10rpx;
          font-weight: bold;
        }
      }

    }
  }
}